<template
  ><view class="msgDetail">
    <view class="tit">{{ message[cur - 2].title }}</view>
    <view class="root">{{ message[cur - 2].msg }}</view>
  </view>
</template>
<script setup lang="ts">
  import { onLoad } from '@dcloudio/uni-app';
  import { ref } from 'vue';

  const cur = ref('2') as any;
  const message = ref([
    { title: '操作问题帮助', msg: '这个是操作问题' },
    { title: '支付问题帮助', msg: '这个是支付问题' },
  ]);
  onLoad((option) => {
    cur.value = option?.id;
    console.log(cur.value);
  });
</script>
<style lang="scss" scoped>
  .msgDetail {
    width: 100%;
    height: 100%;
    padding: 0 3%;

    background-color: #fff;
    .tit {
      text-align: center;
      font-size: 13px;
      font-weight: 700;
      padding: 15px 0;
    }
    .root {
      overflow: auto;
    }
  }
</style>
